<template>
  <nav>
    <ul>
      <li>
        <NuxtLink to="/">Home</NuxtLink>
      </li>
      <li>
        <NuxtLink to="/blog">灰灰鸽 Blog</NuxtLink>
      </li>
      <li>
        <NuxtLink to="/mall">Oowoolf Mall</NuxtLink>
      </li>
      <li>
        <NuxtLink to="/lab">Carl's Lab</NuxtLink>
      </li>
      <li>
        <NuxtLink to="/admin">Dapianzi Admin</NuxtLink>
      </li>
    </ul>
  </nav>
</template>

<style scoped>
nav {
  padding: 0 1rem;
}

nav ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: center;
}

nav ul li {
  padding: 1rem;
  font-size: 1.2rem;
}
</style>
